// 引入清除默认样式
@import "./reset.scss";
// 进度条配置
@import "./nprogress.scss";

// 工具图标颜色
.koi-icon {
  // 翻转色字体颜色
  color: var(--el-header-text-color);
  outline: none; // 去除伪元素
  &:hover {
    color: var(--el-color-primary);
    cursor: pointer;
  }
}

/* 当前页面最大化CSS，选项卡也行要去掉可以加上.el-tabs, */
.main-maximize {
  .aside-split,
  .el-aside,
  .el-header,
  .el-footer,
  .tabs-box {
    display: none !important;
  }
}

/* ElementPlus 横向布局内置样式修改 */
:root {
  --el-menu-sub-item-height: $aside-menu-height !important;
  // --el-menu-horizontal-sub-item-height: 40px !important; // 横向菜单高度覆盖
}

/* 为webkit浏览器设置纵向和横向滚动条宽度和高度 */
::-webkit-scrollbar {
  width: $webkit-scrollbar-width; // 纵向滚动条宽度
  height: $webkit-scrollbar-height; // 纵向滚动条高度
}

/* 为滚动条轨道设置背景颜色 */
::-webkit-scrollbar-track {
  background: transparent;
}

/* 为滚动条设置滑块颜色 */
::-webkit-scrollbar-thumb {
  background: $webkit-scrollbar-color;
  border-radius: $webkit-scrollbar-border-radius;
}

/* 悬浮在滑块上时为滑块设置背景颜色 */
::-webkit-scrollbar-thumb:hover {
  background: $webkit-scrollbar-hover-color;
}

/* el-table表头颜色配置 */
.el-table .el-table__header-wrapper th {
  font-weight: bold;
  color: #303133;
  @apply dark:c-#ffffff;
}

// div自适应
.koi-flex {
  @apply flex flex-col flex-1 h-100%;
}

// el-table 表格样式 和 表格自适应
.el-table {
  flex: 1;
  // 修复 safari 浏览器表格错位
  table {
    width: 100%;
  }
  // 解决表格数据为空时样式不居中问题[仅在element-plus中]
  .el-table__empty-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .table-empty {
      line-height: 30px;
    }
  }
}

/* 字体 */
@font-face {
  font-family: "KoiFont";
  src: url("../assets/fonts/KoiFont.woff2");
  // 字体加载时显示系统字体，字体加载完成后显示自定义字体
  font-display: swap; 
}

/* 管理平台全局样式 */
* {
  // 全局字体
  font-family: "KoiFont", "微软雅黑", "Roboto", "STXihei";
  // 修改图标
  cursor: url("../assets/mouse/index.cur"), auto !important;
  word-break: break-word;
}

/* 头像 */
.user-avatar {
  cursor: pointer;
  transition: all 0.5s;
  user-select: none;
}

.user-avatar:hover {
  transform: rotate(360deg);
}

.chroma-text {
  background: linear-gradient(270deg, #c68dffe6 8.92%, #5685ff 46.17%, var(--el-color-primary) 92.17%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  white-space: nowrap;
  color: transparent;
}

/* ElementPlus级联框单选选中文字也可以[三级会出现选中问题]  */
.el-cascader-panel {
  .el-radio {
    position: absolute;
    right: -8px;
    width: 100%;
    height: 100%;
  }
}

/* ElementPlus级联框单选选中文字隐藏单选按钮  */
// .el-cascader-panel {
// 	.el-radio {
// 		width: 100%;
// 		height: 100%;
// 		z-index: 10;
// 		position: absolute;
// 		top: 10px;
// 		right: 10px;
//     }
// 	.el-radio__input {
// 		visibility: hidden;
//     }
// 	.el-cascader-node__postfix {
// 		top: 10px;
//     }
// }
